<!--
img 其他属性

    alt: 替换文本,当文本不能正确显示的时候,会显示一个替换的文字,图片加载成功不会展示文字
    title: 提示文本. 鼠标放到图片上,就会有提示.
    width/height: 控制宽度高度,高度和宽度一般改一个就行,另外一个会等比例缩放,否则就会图片失衡.
    border: 边框,参数是宽度的像素.但是一般使用 CSS 来设定

    属性之间没有固定顺序

-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img src=".22a1" alt="加载图片失败">
    <img src="./img1.png" title="桌面图片">
    <img src="http://img.pconline.com.cn/images/upload/upc/tx/wallpaper/1307/10/c0/23166997_1373443405186.jpg" 
    width="100px" height="200px" border="10px">

</body>
</html>